<!DOCTYPE html>
<html lang="en" ng-app="index" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <title>奥林体育中心管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Static &amp; Dynamic Tables" />
    <!-- basic styles -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/css/bootstrap-table.min.css" rel="stylesheet" />

    <link rel="stylesheet" href="assets/css/font-awesome.min.css" />


    <!-- page specific plugin styles -->
    <link rel="stylesheet" href="assets/css/ui.jqgrid.css" />
    <!-- fonts -->
    <link rel="stylesheet" href="assets/font-user-defined.css" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

    <!-- ace styles -->

    <link rel="stylesheet" href="assets/css/ace.min.css" />
    <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="assets/css/jquery-ui.min.css" />
    <link rel="stylesheet" href="assets/css/chosen.css" />
    <link rel="stylesheet" href="selfjs/select2.css" />

    <!-- inline styles related to this page -->

    <link rel="stylesheet" href="assets/css/foundation-datepicker.css" />
    <!-- ace settings handler -->
    <link rel="stylesheet" href="assets/css/easydialog.css" />

  <!--  <link rel="stylesheet" href="assets/style.css" />-->
    <link rel="stylesheet" href="assets/easydropdown.css" />

    <link rel="stylesheet" href="assets/css/ace-fonts.css" />
    <link rel="stylesheet" href="css/timePicker.css" />


    <script src="assets/js/ace-extra.min.js"></script>
    <script  src="assets/js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="assets/angular.min.js"></script>
    <script type="text/javascript" src="assets/angular-route.js"></script>

    <script src="selfjs/indexapp.js"></script>
    <script  src="selfjs/router.js"></script>
    <script  src="selfjs/index_ctrl.js"></script>
    <script  src="selfjs/tableThextend.js"></script>
    <script  src="main/main.js"></script>
    <script  src="js/jquery-timepicker.js"></script>
    <script  src="js/jquery.table.rowspan.js"></script>
<!--
    <script  src="js/excelTable.js"></script>
    <script  src="js/jqGridExportToExcel.js"></script>
-->


    <script  src="system/commtype/comm_type_list.js"></script>

    <script  src="system/commtypeDetailed/comm_detailed_list.js"></script>
    <script  src="system/commtypeDetailed/comm_detailed_edit.js"></script>

    <script  src="system/inventoryDetails/inventory_details_list.js"></script>
    <script  src="system/inventoryDetails/inventory_details_edit.js"></script>

    <script  src="system/inventorySettings/inventory_settings_list.js"></script>
    <script  src="system/inventorySettings/inventory_settings_edit.js"></script>

    <script  src="system/savingDetail/saving_details_list.js"></script>

    <script  src="system/memberInformation/member_info_list.js"></script>

    <script  src="system/siteConsumptionDetails/site_details_list.js"></script>
    <script  src="system/commodityConsumption/comm_consum_list.js"></script>
    <script  src="system/membermanagement/member_management_edit.js"></script>
    <script  src="system/membermanagement/member_management_list.js"></script>
    <script  src="system/stmUsr/stm_usr_edit.js"></script>
    <script  src="system/sales/sales.js"></script>
    <script  src="system/activity/activity_list.js"></script>
    <script  src="system/membermanagement/member_recharge_edit.js"></script>

    <style>
        .bagColored{
              background-color:#FF0000;
        }
        .bagColor{
           background-color:#110000;
        }
        .bagGreen{
            background-color:#7CCD7C;
        }
         .bagYellow{
            background-color:#EEEE00;
        }
.flyover .mask {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: black;
    z-index: 1049;
}
.flyover .alert{
    left: 50%;
    top: 50%;
    position: fixed;
    z-index: 1050;
}
.cannotselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}td.selected{background:#0094ff;color:#fff}
</style>

</head>
<body ng-app="index"  >

<div ng-include="'main/navbar.html'">

</div>

<div class="main-container" id="main-container" ng-controller="index_ctrl">
    <div  hidden="hidden" id="roleName" th:text="${roleName}" ></div>
    <div class="main-container-inner">
        <a class="menu-toggler" id="menu-toggler" href="#">
            <span class="menu-text"></span>
        </a>

        <div class="sidebar" id="sidebar">

            <div class="sidebar-shortcuts" id="sidebar-shortcuts">
                <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                    <button class="btn btn-success">
                        <i class="icon-signal"></i>
                    </button>

                    <button class="btn btn-info">
                        <i class="icon-pencil"></i>
                    </button>

                    <button class="btn btn-warning">
                        <i class="icon-group"></i>
                    </button>

                    <button class="btn btn-danger">
                        <i class="icon-cogs"></i>
                    </button>
                </div>

                <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                    <span class="btn btn-success"></span>

                    <span class="btn btn-info"></span>

                    <span class="btn btn-warning"></span>

                    <span class="btn btn-danger"></span>
                </div>
            </div><!-- #sidebar-shortcuts -->

            <ul class="nav nav-list" >

                <li>
                    <a href="#"  data-toggle="dropdown" class="dropdown-toggle" >
                        <i class="icon-list"></i>
                        <span class="menu-text" > 商品/服务</span>


                        <b class="arrow icon-angle-down"></b>
                    </a>

                    <ul class="submenu" >

                        <li>
                            <a href="#comm_type_list">
                                <i class="icon-apple"></i>
                                商品类别
                            </a>
                        </li>
                        <li>
                            <a href="#comm_detailed_list">
                                <i class="icon-male"></i>
                                商品设置
                            </a>
                        </li>
                        <li>
                            <a href="#inventory_settings_list">
                                <i class="icon-pencil"></i>
                                库存设置
                            </a>
                        </li>
                    </ul>
                </li>
                <li ng-if="isAdmin">
                <a href="#"  data-toggle="dropdown" class="dropdown-toggle" >
                    <i class="icon-edit"></i>
                    <span class="menu-text" > 权限管理</span>


                    <b class="arrow icon-angle-down"></b>
                </a>

                <ul class="submenu" >
                    <li>
                        <a href="#stm_usr_edit">
                            <i class="icon-inbox"></i>
                            添加员工
                        </a>
                    </li>


                </ul>

                </li>

                <li>
                    <a href="#"  data-toggle="dropdown" class="dropdown-toggle" >
                        <i class="icon-desktop"></i>
                        <span class="menu-text" > 统计报表</span>


                        <b class="arrow icon-angle-down"></b>
                    </a>

                    <ul class="submenu" >

                        <li>
                            <a href="#inventory_details_list">
                                <i class="icon-book"></i>
                                出入库明细
                            </a>
                        </li>

                        <li>
                            <a href="#saving_details_list">
                                <i class="icon-globe"></i>
                                存款明细
                            </a>
                        </li>

                        <li>
                            <a href="#member_info_list">
                                <i class="icon-unlock"></i>
                                会员信息明细
                            </a>
                        </li>

                        <li>
                            <a href="#site_details_list">
                                <i class="icon-camera"></i>
                                场地消费明细
                            </a>
                        </li>

                        <li>
                            <a href="#comm_consum_list">
                                <i class="icon-windows"></i>
                                商品消费明细
                            </a>
                        </li>

                    </ul>
                </li>

                <li>
                    <a href="#"  data-toggle="dropdown" class="dropdown-toggle" >
                        <i class="icon-edit"></i>
                        <span class="menu-text" > 会员管理</span>


                        <b class="arrow icon-angle-down"></b>
                    </a>

                    <ul class="submenu" >
                        <li>
                            <a href="#member_management_edit/null">
                                <i class="icon-unlock"></i>
                                    会员办卡
                            </a>
                        </li>

                        <li>
                            <a href="#member_management_list">
                                <i class="icon-unlock"></i>
                                会员信息
                            </a>
                        </li>

                        <li>
                            <a href="#member_recharge_edit">
                                <i class="icon-unlock"></i>
                                会员充值
                            </a>
                        </li>

                    </ul>
                </li>

                <li >
                    <a href="#"  data-toggle="dropdown" class="dropdown-toggle" >
                        <i class="icon-picture"></i>
                        <span class="menu-text" > 销售收银</span>


                        <b class="arrow icon-angle-down"></b>
                    </a>

                    <ul class="submenu" >
                        <li>
                            <a href="#sales">
                                <i class="icon-inbox"></i>
                                销售收银台
                            </a>
                        </li>
                    </ul>

                </li>

                <li >
                    <a href="#"  data-toggle="dropdown" class="dropdown-toggle" >
                        <i class="icon-picture"></i>
                        <span class="menu-text" > 活动管理</span>


                        <b class="arrow icon-angle-down"></b>
                    </a>

                    <ul class="submenu" >
                        <li>
                            <a href="#activity_list">
                                <i class="icon-inbox"></i>
                                活动管理
                            </a>
                        </li>
                    </ul>

                </li>


            </ul><!-- /.nav-list -->
            <div class="sidebar-collapse" id="sidebar-collapse">
                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
            </div>
        </div>

        <!-- /.container -->


        <div class="main-content">
            <div ng-view=""></div>
        </div><!-- /.main-content -->

    </div><!-- /.main-container-inner -->
</div><!-- /.main-container -->



<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/typeahead-bs2.min.js"></script>

<!-- page specific plugin scripts -->

<script src="assets/js/jquery-ui.min.js"></script>
<script src="assets/js/bootstrap-datetimepicker.js"></script>
<script src="assets/js/foundation-datepicker.js"></script>
<script src="assets/js/foundation-datepicker.zh-CN.js"></script>

<script src="assets/js/easydialog.js"></script>


<script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery.easy-pie-chart.min.js"></script>
<script src="assets/js/jquery.sparkline.min.js"></script>
<script src="assets/js/chosen.jquery.min.js"></script>
<!--<script src="assets/js/flot/jquery.flot.min.js"></script>
<script src="assets/js/flot/jquery.flot.pie.min.js"></script>
<script src="assets/js/flot/jquery.flot.resize.min.js"></script>-->
<script src="assets/js/bootstrap.min.js"></script>
<!--<script src="assets/bootstrap2.3/js/bootstrap.min.js"></script>-->
<script src="assets/js/tableExport.js"></script>
<script src="assets/js/jquery.base64.js"></script>
<script src="assets/js/bootstrap-table.js"></script>
<script src="assets/js/bootstrap-table-export.js"></script>
<!-- ace scripts -->
<script src="assets/js/jquery.easydropdown.min.js"></script>
<script  src="selfjs/dateFormat.js"></script>
<script  src="selfjs/select2.js"></script>



<script type="text/javascript" src="assets/js/jqGrid/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="assets/js/jqGrid/i18n/grid.locale-cn.js"></script>
<script type="text/javascript" src="assets/js/extend/jquery.jqGrid.extend.js"></script>
<script type="text/javascript" src="assets/js/extend/jquery-ui.dialog.extend.js"></script>


<script src="assets/js/ace-elements.min.js"></script>
<script src="assets/js/ace.min.js"></script>
<script src="assets/js/jquery.gritter.min.js"></script>




<script type="text/javascript" src="selfjs/index.js"></script>
<!-- inline scripts related to this page -->
<!--<div style="display:none">
    <script src='stat.js/stat.js' language='JavaScript' charset='gb2312'></script>
</div>-->
<script>

        //点击菜单栏中菜单的选项，选中样式
        $(".submenu li a").click(function(){
           $(".submenu li").removeClass("active");
          $(this).parent().addClass("active");
        });

</script>
</body>
</html>

